$u-grid-item-hover-class-opcatiy:.5 !default;
 $u-grid-item-margin-top:1rpx !default;
 $u-grid-item-border-right-width:0.5px !default;
 $u-grid-item-border-bottom-width:0.5px !default;
 $u-grid-item-border-right-color:$u-border-color !default;
 $u-grid-item-border-bottom-color:$u-border-color !default;

 .u-grid-item {
 	align-items: center;
 	justify-content: center;
 	position: relative;
 	flex-direction: column;
 	/* #ifndef APP-NVUE */
 	box-sizing: border-box;
 	display: flex;
 	/* #endif */

 	/* #ifdef MP */
 	position: relative;
 	float: left;
 	/* #endif */

 	/* #ifdef MP-WEIXIN */
 	margin-top: $u-grid-item-margin-top;
 	/* #endif */

 	&--hover-class {
 		opacity: $u-grid-item-hover-class-opcatiy;
 	}
 }

 /* #ifdef APP-NVUE */
 // 由于nvue不支持组件内引入app.vue中再引入的样式，所以需要写在这里
 .u-border-right {
 	border-right-width: $u-grid-item-border-right-width;
 	border-color: $u-grid-item-border-right-color;
 }

 .u-border-bottom {
 	border-bottom-width: $u-grid-item-border-bottom-width;
 	border-color: $u-grid-item-border-bottom-color;
 }

 /* #endif */
